.cakemall {
  width: 100vw;
  height: 100vh;

  .input {
    background-color: #fff;
    padding-left: 20rpx;
  }

  .content {
    width: 100%;
    height: calc(100% - 108rpx);
    overflow-y: hidden;
    display: flex;

    .left {
      width: 160rpx;
      overflow-y: scroll;
      background-color: #f7f8fa;

      .left-item {
        width: 100%;
        padding: 20rpx;
        box-sizing: border-box;

        .name {
          word-wrap: break-word;
          font-size: 28rpx;
          color: #323233;
        }
      }

      .active {
        border-left: 6rpx #ee0a24 solid;
        background-color: #fff;
      }
    }

    .right {
      height: 100%;
      overflow-y: scroll;
      flex: 1;

      .item {
        position: relative;
        padding:10rpx 20rpx;

        .type {
          margin-bottom: 10rpx;
          padding: 5rpx;
          position: sticky;
          top: 0;
          background-color: #fff;
        }

        .item-list {
          width: 100%;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 20rpx;
          text-align: center;

          .item-name {
            color: #3a3a3a;
            font-size: 26rpx;
            margin-top: 10rpx;
          }
        }

        .nodata {
          padding: 20rpx;
          color: #ccc;
        }
      }

    }
  }
}